<template>
  <div class="hello">
	<div class="top">
		<div class="top-left">
		<img src="../assets/logo.png" >
		<span>商户平台</span>
		</div>
		<el-menu :default-active="activeIndex" 
		class="el-menu-demo" 
		mode="horizontal"
		@select="handleSelect"
		text-color="#000000"
		active-text-color="#22ac38">
			<el-menu-item index="1">首页</el-menu-item>
			<el-menu-item index="2" >交易中心</el-menu-item>
			<el-menu-item index="3">账户中心</el-menu-item>
			<el-menu-item index="4">营销中心</el-menu-item>
			<el-menu-item index="5">产品中心</el-menu-item>
			<el-menu-item index="6">数据中心</el-menu-item>
		</el-menu>
	</div>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
html{
	
}
.hello{
	
}
.el-menu{
	height:80px;
	width:100%;
}
.el-menu-item{
	font-size:16px;
	display:flex;
}
.top{
	display:flex;
	justify-content: flex-end;
}
.top img{
	height:40px
}
.top-left{
	width:300px
}

</style>
